import React, { useState, useEffect } from 'react'

export default function Hook4() {
  // 通过解构useState取到state状态和方法
  const [state, setstate] = useState(0);

  useEffect(() => {
    document.title = `你点击了${state}次`
  })
  /*
  默认情况下，useEffect会在第一次渲染之后和每次更新之前会执行
  useEffect每一次渲染（不管是第一次挂载还是更新）结束之后都会去执行
  */
  return (
    <div>
      <h2>{state}</h2>
      <button onClick={e => setstate(state + 1)}>点击</button>
    </div>
  )
}
